<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="../estilos/style.css" rel="stylesheet" type="text/css" />
<title>LABTEC - Actualizar Laboratorio</title>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript">
	function updateLab(codLabo, nombreLabo, inicialesLabo, nombreDepto,
			codigoDepto) {
		document.forms[0].codLab.value = codLabo;
		document.forms[0].nombreLab.value = nombreLabo;
		document.forms[0].iniciales.value = inicialesLabo;
		document.forms[0].nombreDepto.value = nombreDepto;
		document.forms[0].depto.value = codigoDepto;
	}
	function save() {
		if(document.forms[0].codLab.value == ''){
			alert("Debe seleccionar un laboratorio a modificar");
			return false
		}

		document.forms[0].nombreDepto.disabled = false;
		document.forms[0].codLab.disabled = false;
		document.forms[0].submit();
	}

	function cancel() {
		document.forms[0].action = 'listarLaboratoriosAction';
		document.forms[0].submit();
	}
</script>

</head>
<body>
	<div id="header">
		    <jsp:include page="../jsp/menuAdministrador.jsp" />
	</div>
	<div class="sheet">
		<div class="sheet-tl"></div>
		<div class="sheet-tr"></div>
		<div class="sheet-bl"></div>
		<div class="sheet-br"></div>
		<div class="sheet-tc"></div>
		<div class="sheet-bc"></div>
		<div class="sheet-cl"></div>
		<div class="sheet-cr"></div>
		<div class="sheet-cc"></div>
		<div class="sheet-body">
			<!-- ********************* LOGUEO DE ERRORES *********************-->
			<s:if test="hasActionErrors()">
				<div class="error">
					<s:actionerror />
				</div>
			</s:if>
			<s:if test="hasFieldErrors()">
				<div class="error">
					<s:fielderror />
				</div>
			</s:if>
			<h5 class="postcontent">Actualizar datos del Laboratorio</h5>
			<br />
			<table class="article">
				<thead>
					<tr>
						<th>Cod laboratorio</th>
						<th>Nombre</th>
						<th>Iniciales</th>
						<th>Departamento</th>
						<th>Modificar</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="laboratorioList" var="laboratorio">
						<tr>
							<td><s:property value="codLab" /></td>
							<td><s:property value="nombreLab" /></td>
							<td><s:property value="iniciales" /></td>
							<td><s:property value="departamento.nombreDepto" /></td>
							<td><input type="button" value="Modificar"
								onclick="updateLab('<s:property value="codLab"/>','<s:property value="nombreLab"/>',
									'<s:property value="iniciales"/>','<s:property value="departamento.nombreDepto"/>','<s:property value="departamento.codDepto"/>');">
							</td>
						</tr>
					</s:iterator>
				</tbody>
			</table>
			<br />

			<div class="postmetadataheader">
				<h4>Datos a modificar</h4>
				<s:form action="modifLaboratorioAction">
					<s:hidden name="depto" />
					<p>&nbsp;</p>
					<table width="100%">
						<tr>
							<td><s:textfield label="Cod laboratorio" name="codLab"
									disabled="true" /></td>

							<td><s:textfield label="Departamento" name="nombreDepto"
									disabled="true" /></td>
						</tr>
						<tr align="left">
							<td><s:textfield label="Nombre del laboratorio"
									name="nombreLab" required="true" maxlength="20" /></td>
							<td><s:textfield label="Iniciales" name="iniciales"
									required="true" maxlength="20" /></td>
						</tr>
						<tr></tr>
						<tr align="right">
							<td colspan="4"><input type="button" value="Cancelar"
								onclick="cancel()" /> <input type="button" value="Guardar"
								onclick="save()" /></td>
						</tr>
					</table>
					<p>&nbsp;</p>
				</s:form>
			</div>
		</div>
	</div>
</body>
</html>